<template>
  <div class="map-container">
    <div
      id="map-container"
      class="map-container"
    />
    <!-- <MapMask ref="mapMask" /> -->
  </div>
</template>

<script>
import mapMixins from '@/mixins/mapMixins';
import homeMixins from './mapModules/homeMixins';

export default {
  mixins: [mapMixins, homeMixins],
  data () {
    return {
      map: null
    };
  },
  mounted () {
    this.initMap({ container: 'map-container' }).then(
      (map) => {
        // map.setLayoutProperty('focuseAreaLayer', 'visibility', 'none');
        this.showHotPowerLayer();
        this.$emit('showLegend', ['seedArea']);
      }
    );
  },
  methods: {}
};
</script>
